table.date {background-color: grey}
td.date {font-size: 12; color: skyblue}
table.menu {background-color: skyblue; width: 100%; height: 400}
td.menu {background-color: white; text-align: center; font-size: 12; width: 15%; height:20}
a:link {color: blue}
a:visited {color: black}
a:hover {color: #33CC66; font-style: italic}
a:active {color: #00FF00}
/* 2-Column example from Schmitt, chapter 4 */
Body {
  /* Make a margin and padding */
  margin: 80px 0 0 0;
  padding: 0 7% 0 235px;
  /* Put in a logo and back-ground color */
  background-image: url("../img/uk_penguin.jpg");
  background-repeat: no-repeat;
  color: #660099;
  background-color: #99CCFF;
  /* Some fonty stuff for the main body */
  font-family: Georgia, Times, serif;
  font-size: 1em;
  }
  
.leftcol {
  position: absolute;
  z-index: 5;
  width; 191px;
  top: 200px;
  left: 0;
  margin: 0;
  padding: 0 22px 0 22px3%;
  /* A different font for the left column */
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 2em;
  }
  
.navitem {
  list-style: none;
  }

.contactform {
  color: #3399cc;
  background-color: #9999ff; 
  width: 30%;
  float: right;
  padding: 7%;
  margin: 20px;
  }

.devstuff {
  padding: 10px;
  }
  
div.devstuff {
  float: right;
  width: 100%; 
  margin: 40px 0 0 0;
  border: 20px solid #000;
  background-color: orange;
  }
  
p.devstuff {
    font-size: 0.7em;
  }
   
  
h1.devstuff {
  float: right;
  }
  
  
  
  
